<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="message">
        <div class="message-header">
            <div class="message-header-left"><img src="img/back.png" alt="#"></div>
            <div class="message-header-mind">消息 <img src="img/del.png" alt="#"></div>
            <div class="message-header-right"><img src="img/user.png" alt="#"><img src="img/add.png" alt="#"></div>
        </div>
        <div class="message-content">
            <div class="message-content-one">
                <div class="message-content-one-left"><div><span></span></div></div>
                <div class="message-content-one-mind">
                    <span>
                        <p>账户通知 <span>昨天</span></p>
                        <p>您有一张价值30元的超值优惠券今日到期，快去领取吧</p>
                    </span>
                </div>
                <div class="message-content-one-right">删除</div>
            </div>
            <div class="message-content-two">
                <div class="message-content-two-left"><div><span></span></div></div>
                <div class="message-content-two-mind">
                    <span>
                        <p>优惠促销 <span>昨天</span></p>
                        <p>112减100神券持续抢，千款好物加磅，</p>
                    </span>
                </div>
                <div class="message-content-two-right">删除</div>
            </div>
            <div class="message-content-three">
                <div class="message-content-three-left"><div><span></span></div></div>
                <div class="message-content-three-mind">
                    <span>
                        <p>服务通知 <span>昨天</span></p>
                        <p>您购物车中的【三星(SAMSUNG)128G 内存8】</p>
                    </span>
                </div>
                <div class="message-content-three-right">删除</div>
            </div>
            <div class="message-content-four">
                <div class="message-content-four-left"><div><span></span></div></div>
                <div class="message-content-four-mind">
                    <span>
                        <p>店铺头条 <span>星期日</span></p>
                        <p>冲鸭~最后下单2小时再见20！！！</p>
                    </span>
                </div>
                <div class="message-content-four-right">删除</div>
            </div>
        </div>
    </div>
</body>
<script src="flexible.js"></script>
<script src="index.js"></script>
</html>